﻿<!DOCTYPE html>
<!--
    Landed by HTML5 UP
    html5up.net | @n33co
    Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
    <title>Wurl - Register</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.scrolly.min.js"></script>
    <script src="js/jquery.dropotron.min.js"></script>
    <script src="js/jquery.scrollex.min.js"></script>
    <script src="js/skel.min.js"></script>
    <script src="js/skel-layers.min.js"></script>
    <script src="js/init.js"></script>
    <link rel="apple-touch-icon" sizes="57x57" href="favico/apple-touch-icon-57x57.png">

    <link rel="apple-touch-icon" sizes="60x60" href="favico/apple-touch-icon-60x60.png">

    <link rel="apple-touch-icon" sizes="72x72" href="favico/apple-touch-icon-72x72.png">

    <link rel="apple-touch-icon" sizes="76x76" href="favico/apple-touch-icon-76x76.png">

    <link rel="apple-touch-icon" sizes="114x114" href="favico/apple-touch-icon-114x114.png">

    <link rel="apple-touch-icon" sizes="120x120" href="favico/apple-touch-icon-120x120.png">

    <link rel="apple-touch-icon" sizes="144x144" href="favico/apple-touch-icon-144x144.png">

    <link rel="apple-touch-icon" sizes="152x152" href="favico/apple-touch-icon-152x152.png">

    <link rel="apple-touch-icon" sizes="180x180" href="favico/apple-touch-icon-180x180.png">

    <link rel="icon" type="image/png" href="favico/favicon-32x32.png" sizes="32x32">

    <link rel="icon" type="image/png" href="favico/android-chrome-192x192.png" sizes="192x192">

    <link rel="icon" type="image/png" href="favico/favicon-96x96.png" sizes="96x96">

    <link rel="icon" type="image/png" href="favico/favicon-16x16.png" sizes="16x16">

    <link rel="manifest" href="favico/manifest.json">
    <meta name="msapplication-TileColor" content="#da532c">

    <meta name="msapplication-TileImage" content="favico/mstile-144x144.png">
    <meta name="theme-color" content="#ffffff">
    <noscript>
        <link rel="stylesheet" href="css/skel.css" />
        <link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="css/style-xlarge.css" />
    </noscript>
    <!--[if lte IE 9]><link rel="stylesheet" href="css/ie/v9.css" /><![endif]-->
    <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
</head>
<body>

    <!-- Header -->
    <header id="header" class="skel-layers-fixed">
        <h1 id="logo">
            <a href="index.html">
                <img src="images/navheader.png" />
            </a>
        </h1>
        <nav id="nav">
            <ul>
                <li><a href="index.html">About Wurl</a></li>
               

                <li>
                    <a href="">Messages</a>
                </li>



                <li>
                    <a href="">Your Wurl</a>
                    <ul>
                        <li><a href="#">View Upcoming Events</a></li>
                        <li><a href="#">Create An Event</a></li>
                        <li><a href="#">View Your Events</a></li>
                        
                    </ul>
                </li>

                </li>
                
                <li><a href="#" class="button special">Sign Up</a></li>
            </ul>
        </nav>
    </header>

    <!-- Main -->
    <div id="main" class="wrapper style1">
        <div class="container">
            <header class="major">
                <h2>Register for Wurl</h2>
                <p>Connect with fellow expatriates, local citizens, and find events.</p>
            </header>
            <div class="row 150%">
                <div class="4u 12u$(medium)">

                    <!-- Sidebar -->
                    <section id="sidebar">
                        <section>
                            <h3>Tell Us About You</h3>
                            <div class="12u$">
                                <input type="text" name="name" id="name" value="" placeholder="Username">
                            </div>
                            <br />
                            <div class="12u$">
                                <input type="password" name="password" id="password" value="" placeholder="Password">
                            </div>
                            <br />
                            <div class="12u$">
                                <input type="password" name="password" id="password" value="" placeholder="Confirm Password">
                            </div>
                            <br />
                            <footer>
                                <ul class="actions">
                                    <li><input type="submit" value="Check Username" class="special"></li>
                                </ul>
                            </footer>
                        </section>
                        <hr />
                        <section>
                            <a href="#" class="image fit"></a>
                            <h3>Where are you from?</h3>
                            <div class="12u$">
                                <input type="text" name="name" id="name" value="" placeholder="Country of Origin">
                            </div>
                            <br />
                            <div class="12u$">
                                <input type="text" name="text" id="cityofresidence" value="" placeholder="City of Residence">
                            </div>
                            <br />
                            <div class="12u$">
                                <input type="text" name="text" id="countryresidence" value="" placeholder="Country of Residence">
                            </div>
                            <br />
                            <section>
                                <div class="12u$">
                                    <div class="select-wrapper">
                                        <select name="category" id="category">
                                            <option value="">- Continent of Residence -</option>
                                            <option value="1">Africa</option>
                                            <option value="1">Asia</option>
                                            <option value="1">Europe</option>
                                            <option value="1">North America</option>
                                            <option value="1">Oceania</option>
                                            <option value="1">South America</option>



                                        </select>
                                    </div>
                                </div>
                            </section>

                            <footer>
                                <br />
                                <ul class="actions">
                                    <li><input type="submit" value="Submit" class="special" /></li>
                                </ul>
                            </footer>
                        </section>
                    </section>

                </div>
                <div class="8u$ 12u$(medium) important(medium)">

                    <!-- Content -->
                    <section id="content">
                        <a href="#" class="image fit"><img src="images\chinaregisterpic05.jpg" alt="" /></a>
                        <h3>The Wurl is your Oyster</h3>
                        <p>
                            The premier expatriate social network is here for you. We keep you secure, connected, active and outgoing.
                            From our social events curated from local partners in select markets, to our up-to-date advisory travel
                            information system (ATIS) we are a service FOR EXPATS, BUILT BY EXPATS&copy;.
                        </p>
                        <p>
                            Our service is available in select cities in the Eastern Hemisphere, along with select South American cities and major Caribbean ports.
                            If your city is not on the list: plug it in anyway. We never believe in exclusion due to geographical boundaries.
                            It takes all kinds to make the Wurl go around.
                        </p>
                        <h3>Security</h3>
                        <p>We will never sell your information to third parties, including, but not limited to: </p>
                        <ul>
                            <li>Advertisers/Marketers</li>
                            <li>Non-government organizations</li>
                            <li>Political parties/governments</li>
                            <li>Internet Service Providers</li>
                            <li>The Lizard People</li>
                            <li>Beyonce Knowles-Carter, and all members of the Beygency</li>
                        </ul>
                        <p>
                            We believe in the universal right to free speech, free travel, and no restrictions in borders. We accept all citizens of the world to join together
                            in a virtual collective to socialize, influence, and share their wisdom in travel and culture.
                        </p>
                        <p>
                            If, for any reason, you are unsatisfied with our mission--whether it be for our service, our website, or us personally--be sure to contact us at our
                            <a href="mailto:burnyocouchnigga@getwurl.com">E-Mail</a> and we will be sure to respond back within reason.
                        </p>
                    </section>

                </div>
            </div>
        </div>
    </div>

    <!-- Footer -->
    <footer id="footer">
        <ul class="icons">
            <li><a href="#" class="icon alt fa-twitter"><span class="label">Twitter</span></a></li>
            <li><a href="#" class="icon alt fa-facebook"><span class="label">Facebook</span></a></li>
            <li><a href="#" class="icon alt fa-linkedin"><span class="label">LinkedIn</span></a></li>
            <li><a href="#" class="icon alt fa-instagram"><span class="label">Instagram</span></a></li>
            <li><a href="#" class="icon alt fa-github"><span class="label">GitHub</span></a></li>
            <li><a href="#" class="icon alt fa-envelope"><span class="label">Email</span></a></li>
        </ul>
        <ul class="copyright">
            <li>&copy; Untitled. All rights reserved.</li>
            <li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
        </ul>
    </footer>

</body>
</html>